
<h3 class="dashboard-settings__header" aria-label="{{::ctrl.selectors.title}}">
  General
</h3>

<div class="gf-form-group">
  <div class="gf-form">
    <label class="gf-form-label width-7">Name</label>
    <input type="text" class="gf-form-input width-30" ng-model='ctrl.dashboard.title'></input>
  </div>
  <div class="gf-form">
    <label class="gf-form-label width-7">Description</label>
    <input type="text" class="gf-form-input width-30" ng-model='ctrl.dashboard.description'></input>
  </div>
  <div class="gf-form">
    <label class="gf-form-label width-7">
      Tags
      <info-popover mode="right-normal">Press enter to add a tag</info-popover>
    </label>
    <bootstrap-tagsinput ng-model="ctrl.dashboard.tags" tagclass="label label-tag" placeholder="add tags">
    </bootstrap-tagsinput>
  </div>
  <folder-picker initial-title="ctrl.dashboard.meta.folderTitle" initial-folder-id="ctrl.dashboard.meta.folderId"
    on-change="ctrl.onFolderChange" enable-create-new="true" is-valid-selection="true" label-class="width-7"
    dashboard-id="ctrl.dashboard.id">
  </folder-picker>
  <gf-form-switch class="gf-form" label="Editable"
    tooltip="Uncheck, then save and reload to disable all dashboard editing" checked="ctrl.dashboard.editable"
    label-class="width-7">
  </gf-form-switch>
</div>

<time-picker-settings
  onTimeZoneChange="ctrl.onTimeZoneChange"
  onRefreshIntervalChange="ctrl.onRefreshIntervalChange"
  onNowDelayChange="ctrl.onNowDelayChange"
  onHideTimePickerChange="ctrl.onHideTimePickerChange"
  renderCount="ctrl.renderCount"
  refreshIntervals="ctrl.dashboard.timepicker.refresh_intervals"
  timePickerHidden="ctrl.dashboard.timepicker.hidden"
  nowDelay="ctrl.dashboard.timepicker.nowDelay"
  timezone="ctrl.dashboard.timezone"
>
</time-picker-settings>

<h5 class="section-heading">Panel Options</h5>
<div class="gf-form">
  <label class="gf-form-label width-11">
    Graph Tooltip
    <info-popover mode="right-normal">
      Cycle between options using Shortcut: CTRL+O or CMD+O
    </info-popover>
  </label>
  <div class="gf-form-select-wrapper">
    <select ng-model="ctrl.dashboard.graphTooltip" class='gf-form-input'
      ng-options="f.value as f.text for f in [{value: 0, text: 'Default'}, {value: 1, text: 'Shared crosshair'},{value: 2, text: 'Shared Tooltip'}]"></select>
  </div>
</div>
<div class="gf-form-button-row">
  <button class="btn btn-danger" ng-click="ctrl.deleteDashboard()" ng-show="ctrl.canDelete"
    aria-label="Dashboard settings page delete dashboard button">
    Delete Dashboard
  </button>
</div>
